<template>
    <ul class="left">
        <li v-for="item in tabs" :key="item.name">{{item.name}}</li>
    </ul>
</template>

<script>
export default {
    data(){
        return {
            tabs:[
                {name:"管理中心"},
                {name:"商品管理"},
                {name:"会员管理"},
                {name:"订单管理"}
            ]
        }
    }
}
</script>

<style>
.left{
    width: 15%;
    height: 100vh;
    background-color: #001429;
    float: left;
}
.left li {
    width: 100%;
    height: 2em;
    font-size: 22px;
    color: #fff;
    line-height: 2em;
    text-align: center;
}
</style>